.popup { 
	background-color: rgba(0,0,0,.54);
	-webkit-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) 0s;
	transition: opacity .4s cubic-bezier(.23, 1, .32, 1) 0s;
	-o-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) 0s;
	-moz-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) 0s;
	will-change: opacity, transform
}
.popup .big{ 
	font-size:32px; line-height: 1.4em;margin-bottom: 16px; color: #000; font-weight:normal;  text-align: center;
	 letter-spacing: 3px;
}
.popup .small{  
	font-size: 15px; line-height: 1.4em;margin-bottom: 26px; color: #fff; font-weight:normal; text-align:left;
}
.popup__container222 { width:60%;
	text-align: left;
	font-size: 12px;
	background-color:rgba(0,0,0,0.9);
	padding: 35px;
	margin: 50px auto;
	box-shadow: rgba(0,0,0,.25) 0 14px 45px, rgba(0,0,0,.22) 0 10px 18px;
	-webkit-box-shadow: rgba(0,0,0,.25) 0 14px 45px, rgba(0,0,0,.22) 0 10px 18px;
	-moz-box-shadow: rgba(0,0,0,.25) 0 14px 45px, rgba(0,0,0,.22) 0 10px 18px;
	border-radius: 3px;
	transition: opacity .2s ease, visibility 0s .1s, transform 450ms cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 450ms cubic-bezier(.23, 1, .32, 1) 0s;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	transform: scale(.8);
	-webkit-transition: opacity .2s ease, visibility 0s .1s, -webkit-transform 450ms cubic-bezier(.23, 1, .32, 1) 0s;
	transition: opacity .2s ease, visibility 0s .1s, -webkit-transform 450ms cubic-bezier(.23, 1, .32, 1) 0s;
	transition: opacity .2s ease, visibility 0s .1s, transform 450ms cubic-bezier(.23, 1, .32, 1) 0s;
	will-change: transform, opacity
}
.popup__close {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	padding-top: 8px
}
.popup__close span {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #2f2c2c
}
.popup__close span:first-of-type {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.popup__close span:last-of-type {
	-webkit-transform: rotate(-45deg) translateY(-1px);
	-moz-transform: rotate(-45deg) translateY(-1px);
	-ms-transform: rotate(-45deg) translateY(-1px);
	-o-transform: rotate(-45deg) translateY(-1px);
	transform: rotate(-45deg) translateY(-1px)
}

@media (max-width:767px) {
.popup__container222 {
	width: 80%;
	margin: 10px auto;
	padding: 20px 18px
}
.popup__close {
	top: 10px;
	right: 10px
}
}
.popup.opened .popup__container222 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}
.popup {
	background-color: rgba(0,0,0,.54);
	-webkit-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) 0s;
	transition: opacity .4s cubic-bezier(.23, 1, .32, 1) 0s;
	-o-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) 0s;
	-moz-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) 0s;
	will-change: opacity, transform
}
.popup__container222 {
	text-align: left;
	font-size: 12px; 
	padding: 35px;
	margin: 30px auto;
	box-shadow: rgba(0,0,0,.25) 0 14px 45px, rgba(0,0,0,.22) 0 10px 18px;
	-webkit-box-shadow: rgba(0,0,0,.25) 0 14px 45px, rgba(0,0,0,.22) 0 10px 18px;
	-moz-box-shadow: rgba(0,0,0,.25) 0 14px 45px, rgba(0,0,0,.22) 0 10px 18px;
	border-radius: 3px;
	transition: opacity .2s ease, visibility 0s .1s, transform 450ms cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 450ms cubic-bezier(.23, 1, .32, 1) 0s;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	transform: scale(.8);
	-webkit-transition: opacity .2s ease, visibility 0s .1s, -webkit-transform 450ms cubic-bezier(.23, 1, .32, 1) 0s;
	transition: opacity .2s ease, visibility 0s .1s, -webkit-transform 450ms cubic-bezier(.23, 1, .32, 1) 0s;
	transition: opacity .2s ease, visibility 0s .1s, transform 450ms cubic-bezier(.23, 1, .32, 1) 0s;
	will-change: transform, opacity
}
.popup__close {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	padding-top: 8px
}
.popup__close span {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #2f2c2c
}
.popup__close span:first-of-type {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.popup__close span:last-of-type {
	-webkit-transform: rotate(-45deg) translateY(-1px);
	-moz-transform: rotate(-45deg) translateY(-1px);
	-ms-transform: rotate(-45deg) translateY(-1px);
	-o-transform: rotate(-45deg) translateY(-1px);
	transform: rotate(-45deg) translateY(-1px)
}

@media (max-width:767px) {
.popup__container222 {
	width: 80%;
	margin: 10px auto;
	padding: 20px 18px
}
.popup__close {
	top: 20px;
	right:20px
}
}
.popup.opened .popup__container222 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}
.popup {
	background-color: rgba(0,0,0,.54);
	-webkit-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) 0s;
	transition: opacity .4s cubic-bezier(.23, 1, .32, 1) 0s;
	-o-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) 0s;
	-moz-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) 0s;
	will-change: opacity, transform
}
.popup__container222 {
	text-align: left;
	font-size: 12px; 
	padding: 35px;
	margin: 30px auto;
	box-shadow: rgba(0,0,0,.25) 0 14px 45px, rgba(0,0,0,.22) 0 10px 18px;
	-webkit-box-shadow: rgba(0,0,0,.25) 0 14px 45px, rgba(0,0,0,.22) 0 10px 18px;
	-moz-box-shadow: rgba(0,0,0,.25) 0 14px 45px, rgba(0,0,0,.22) 0 10px 18px;
	border-radius: 3px;
	transition: opacity .2s ease, visibility 0s .1s, transform 450ms cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 450ms cubic-bezier(.23, 1, .32, 1) 0s;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	transform: scale(.8);
	-webkit-transition: opacity .2s ease, visibility 0s .1s, -webkit-transform 450ms cubic-bezier(.23, 1, .32, 1) 0s;
	transition: opacity .2s ease, visibility 0s .1s, -webkit-transform 450ms cubic-bezier(.23, 1, .32, 1) 0s;
	transition: opacity .2s ease, visibility 0s .1s, transform 450ms cubic-bezier(.23, 1, .32, 1) 0s;
	will-change: transform, opacity
}
.popup__close {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	padding-top: 8px
}
.popup__close span {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #2f2c2c
}
.popup__close span:first-of-type {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.popup__close span:last-of-type {
	-webkit-transform: rotate(-45deg) translateY(-1px);
	-moz-transform: rotate(-45deg) translateY(-1px);
	-ms-transform: rotate(-45deg) translateY(-1px);
	-o-transform: rotate(-45deg) translateY(-1px);
	transform: rotate(-45deg) translateY(-1px)
}

@media (max-width:767px) {
.popup__container222 {
	width: 80%;
	margin: 10px auto;
	padding: 20px 18px
}
.popup__close {
	top: 20px;
	right: 20px
}
}
.popup.opened .popup__container222 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}
.popup {
	background-color: rgba(0,0,0,.54);
	-webkit-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) 0s;
	transition: opacity .4s cubic-bezier(.23, 1, .32, 1) 0s;
	-o-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) 0s;
	-moz-transition: opacity .4s cubic-bezier(.23, 1, .32, 1) 0s;
	will-change: opacity, transform
}
.popup__container222 {
	text-align: left;
	font-size: 12px; 
	padding: 35px;
	margin: 30px auto;
	box-shadow: rgba(0,0,0,.25) 0 14px 45px, rgba(0,0,0,.22) 0 10px 18px;
	-webkit-box-shadow: rgba(0,0,0,.25) 0 14px 45px, rgba(0,0,0,.22) 0 10px 18px;
	-moz-box-shadow: rgba(0,0,0,.25) 0 14px 45px, rgba(0,0,0,.22) 0 10px 18px;
	border-radius: 3px;
	transition: opacity .2s ease, visibility 0s .1s, transform 450ms cubic-bezier(.23, 1, .32, 1) 0s, -webkit-transform 450ms cubic-bezier(.23, 1, .32, 1) 0s;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	transform: scale(.8);
	-webkit-transition: opacity .2s ease, visibility 0s .1s, -webkit-transform 450ms cubic-bezier(.23, 1, .32, 1) 0s;
	transition: opacity .2s ease, visibility 0s .1s, -webkit-transform 450ms cubic-bezier(.23, 1, .32, 1) 0s;
	transition: opacity .2s ease, visibility 0s .1s, transform 450ms cubic-bezier(.23, 1, .32, 1) 0s;
	will-change: transform, opacity
}
.popup__close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	padding-top: 8px
}
.popup__close span {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #2f2c2c
}
.popup__close span:first-of-type {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.popup__close span:last-of-type {
	-webkit-transform: rotate(-45deg) translateY(-1px);
	-moz-transform: rotate(-45deg) translateY(-1px);
	-ms-transform: rotate(-45deg) translateY(-1px);
	-o-transform: rotate(-45deg) translateY(-1px);
	transform: rotate(-45deg) translateY(-1px)
}

@media (max-width:767px) {
.popup__container222 {
	width: 80%;
	margin: 10px auto;
	padding: 20px 18px
}
.popup__close {
	top: 10px;
	right: 10px
}
}
.popup.opened .popup__container222 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}
.popup__container222 {
	max-width:70%;
	color: #4d4d4d;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 23px
}
.popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
	z-index: 1050;
	overflow: auto;
	outline: 0;
	text-align: center;
	font-size: 0;
	transform: translate3d(0, 0, 0)
}
.popup:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%
}

@media (max-width:767px) {
.popup {
	padding: 20px 0
}
}
.popup__container222 {
	display: inline-block;
	vertical-align: middle;
	position: relative
}
.popup.opened {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible
}
body.popup-opened {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden
}